<template>
    <div class="examList" v-show="isShowExamList&&!examListState">
        <div class="header">
            <img src="../../static/images/sub-select.png" alt="">
            <div class="right">
                <div class="examTime">
                    考试剩余时间：
                </div>
                <div class="number">
                    机号：<span class="r-c">1</span>
                </div>
            </div>
        </div>
        <div class="select-wrap">
            <div class="box-wrap clearfix">
                <p class="ta-r state-intro"><span><i class="icon-state-yes"></i>已答试题</span><span><i class="icon-state-no"></i>未答试题</span><span><i class="icon-state-mark"></i>标记试题</span></p>
                <dl>
                    <dt>单选题</dt>
                    <dd id="datika-item-wrap" class="am-margin-top-0"  >
                        <!--判断已做 yes -->
                        <a href="javascript:void(0);" v-for="(qus,num) in questionList" v-if="qus.type == 0" :class="{'mark':qus.marked,'yes':qus.finished}" @click="goCurrentQuestion(num)">
                            {{qus.num}}
                        </a>                  
                    </dd>
                </dl>
                <dl>
                    <dt>多选题</dt>
                    <dd id="datika-item-wrap" class="am-margin-top-0">
                        <!--判断已做 yes -->
                        <a href="javascript:void(0);" v-for="(qus,num) in questionList" v-if="qus.type == 1" :class="{'mark':qus.marked,yes:qus.finished}" @click="goCurrentQuestion(num)">
                            {{qus.num}}
                        </a>                           
                    </dd>
                </dl>
                <dl>
                    <dt>计算分析题</dt>
                    <dd id="datika-item-wrap" class="am-margin-top-0">
                        <a href="javascript:void(0);" v-for="(qus,num) in questionList" v-if="qus.type == 5" :class="{'mark':qus.marked,yes:qus.finished}" @click="goCurrentQuestion(num)">
                            {{qus.num}}
                        </a>                                                
                    </dd>
                </dl>
                <dl>
                    <dt>综合题</dt>
                    <dd id="datika-item-wrap" class="am-margin-top-0">
                        <a href="javascript:void(0);" v-for="(qus,num) in questionList" v-if="qus.type == 6" :class="{'mark':qus.marked,yes:qus.finished}"  @click="goCurrentQuestion(num)">
                            {{qus.num}}
                        </a>                                                      
                    </dd>
                </dl>                
            </div>
        </div>
        <div class="bottom-btn">
            <img @click="goExamListState" style="margin-right: 10px" src="../../static/images/btn-status.png" alt="">
            <img @click="backExam" src="../../static/images/btn-goback.png" alt="">
            <img style="margin-left: 10px;margin-right: 20px;" src="../../static/images/btn-end.png" alt="" @click="submitPaper">
        </div>
    </div>
</template>